<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
    <%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>薪资首页</title>
<script type="text/javascript" src="../static/easyui/jquery.min.js"></script>
<script type="text/javascript" src="../static/easyui/jquery.easyui.min.js"></script>
<script type="text/javascript" src="../static/easyui/locale/easyui-lang-zh_CN.js"></script>
<link rel="stylesheet" href="../static/easyui/themes/icon.css">
<link rel="stylesheet" href="../static/easyui/themes/metro-orange/easyui.css">
<link rel="stylesheet" href="../static/easyui/themes/metro-red/window.css">

<link rel="stylesheet" href="../static/ttt/css/SalaryAccount.css?<%=Math.random()%>">

<style type="text/css">

</style>
</head>
<body>   
<script type="text/javascript">
var setid;
function acountTable(){
	var empsnam="";
	$('#dg').datagrid({    
 		url:'Accounttable', //数据源地
	    columns:[[    
	    	{field:'setid',width:100,title:'账套编号',align:'center',checkbox:true},    
	        {field:'setname',width:100,title:'账套名称',align:'center'},   
	        {field:'zhijiname',width:100,title:'职级',align:'center'},
	        {field:'EMPNAME',width:100,title:'审批人',align:'center'},
	        {field:'EMPNAMES',width:100,title:'创建人',align:'center'},
	        {field:'SETSTAT',width:100,title:'状态',align:'center',
	        	formatter : function(value){
	        		if(value==0){
	        			return "<span style='color:blue;'>未送审</span>";
	        		}else if(value==1){
	        			return "<span style='color:red;'>送审中</span>";
	        		}else if(value==2){
	        			return "<span style='color:rgb(77,216,123);'>已审核</span>";
	        		}else if(value==-1){
	        			return "<span style='color:gray;'>未启用</span>";
	        		}
	        	}	
	        },
	        {field:'settime',width:100,title:'创建时间',align:'center',
	        	formatter : function(value,rows){
	        		if(rows["SETSTAT"]!=-1){
	        			var d = new Date(value);
		        		var times=d.getFullYear() + '-' + (d.getMonth() + 1) + '-' + d.getDate() + ' ' + d.getHours() + ':' + d.getMinutes() + ':' + d.getSeconds();
		        		return times;
	        		}else if(rows["SETSTAT"]==-1){
	        			return "";
	        		}
	        	}
	        } , 
	        {field:'setrem',width:100,title:'备注',align:'center'},
	        {field:'caozuo',width:200,formatter:operate_acount,title:'操作',align:'center'} 
	        
			    
	    ]],
	    pagination:true,
	    pageNumber:1,
	    pageSize:5,
	    pageList:[5,10,15] 
	}); 
}
function xiangmu_tables(){
	//项目表
	$('#addAccount_xiangmutable').datagrid({    
 		url:'addAccount_xiangmutablesyc', //数据源地址,checkbox:true
	    columns:[[    
	    	{field:'PJTID',width:100,title:'全选',align:'center',checkbox:true},    
	    	{field:'PJTNAME',width:10,title:'项目名称',align:'center'},  
	    	{field:'PJTIDMRZ',width:10,title:'项目金额',formatter:xiangmu_input,align:'center'}
	    ]]
	});
}
$(function(){
	//套账表
	acountTable();
	//员工id
	var empid="";
	//项目表
	xiangmu_tables();
	$("#addAccount_win_chuangjiantext").attr("readonly","readonly");
	$("#acount_tishi").hide();
	 	//点击新增按钮显示窗口  
		$("#addAccount").click(function(){
			$("#addAccount_win_xiangmutijiao").show();
			$("#addAccount_win_xiangmutijiao").text("提交")
			$(".addAccount_taozhangtijiao").show();
			$("#addAccount_win").window("open");
			
			$("#addAccount_win_text").val("");
			$("#addAccount_win_text").removeAttr("readonly");

 			$('#addAccount_win_bumentext').combobox('clear');
			$("#addAccount_win_bumentext").combobox({readonly: false}); 
			//审批人
			$('#addAccount_win_shenpitext').combobox('clear');
			$("#addAccount_win_shenpitext").combobox({readonly: false}); 
			//备注
			$("#addAccount_win_beizhutext").val("");addAccount_win_text
			$("#addAccount_win_beizhutext").removeAttr("readonly");

			$.ajax({
				type:"post",
				url:'hopa_empname', //数据源地址
				success: function(data){ 
					empsnam=data;
					$("#addAccount_win_chuangjiantext").val(data);
				}
				
			})
			
			//员工
			$("#addAccount_win_peploetext").val("");
			$("#addAccount_win_peploetext").removeAttr("readonly");
			
			xiangmu_tables();
		})
		//提交按钮点击
		$(".addAccount_taozhangtijiao").click(function(){
			//获取选择项目的默认值
		
	 		$("#addAccountxiangmu_win").window("open")
	 		
	 	})
	 	
		//点击取消，关闭窗户
		$("#addAccount_win_quxiao").click(function(){
			$("#addAccount_win").window("close");
		})
		//点击确定，关闭窗口,项目新增
		$("#xiangmu_qurding").click(function(){
/* 			if($("#addxiangmu").val()!=""){ */
				var pjtname=$("#addxiangmu").val();
				var pjtidmrz=$("#xangmu_jine").val();
				var pjtstat=0;
				if(pjtname==""){
					alert("请输入薪资项目！")
				}else if(pjtidmrz==""){
					alert("请输入薪资项目的初始值！")
				}else{
					$.ajax({
						type:"post",
						url:'add_accountXangmu', //数据源地址
						data:{
							pjtname:pjtname,
							pjtstat:pjtstat,
							pjtidmrz:pjtidmrz
						},
						success: function(data){  
								if(data==-1){
									$("#acount_tishi").show();
									$("#acount_tishi").val("项目已存在！").fadeOut(3000);
									$(".addxiangmu").val("");
								}else{
									var xiangmu={
							        		PJTID:data,
							        		PJTNAME:$("#addxiangmu").val(),
							        		PJTIDMRZ:$("#xangmu_jine").val()
										}
									
									
									$('#addAccount_xiangmutable').datagrid('appendRow',xiangmu);
									$("#addAccountxiangmu_win").window("close");
									$("#xangmu_jine").val("");
									$("#addxiangmu").val("");
								}
						}
					})
				}
		})
		//点击项目下拉列表
		$("#taozhang_select").change(function(){

			var pjtId=$("#taozhang_select option:selected").attr('id');
			//获取选择项目的默认值
			$.ajax({
				type:"post",
				url:'Account_pjtidmrz', //数据源地址
				data:{
					pjtId:pjtId
				},
				dataType:"json",
				success: function(data){  
					$("#xangmu_jine").val(data);
				}
				
			});
			//$("#xangmu_jine").val("");
		})
		//点击提交新增
		$("#addAccount_win_xiangmutijiao").click(function(){
			if($("#addAccount_win_xiangmutijiao").text()=="提交"){
				var rowsy=	$("#addAccount_xiangmutable").datagrid('getSelections').length
				if(rowsy<=0){
					$.messager.show({
						title:'信息提示',
						msg: '请选择套帐项目',
						timeout:1500,  //1秒后消失
						showType:'slide',//弹出的方式。类似ppt里的图片弹出方式
						//弹出框的样式。居中显示
						style:{
							
						}
					});
				}else if($("#addAccount_win_text").val()==""){
					$.messager.show({
						title:'信息提示',
						msg: '请输入套帐名称',
						timeout:1500,  //1秒后消失
						showType:'slide',//弹出的方式。类似ppt里的图片弹出方式
						//弹出框的样式。居中显示
						style:{
							
						}
					});
				}else if($("#addAccount_win_peploetext").val()==""){
					$.messager.show({
						title:'信息提示',
						msg: '请选择套帐人员',
						timeout:1500,  //1秒后消失
						showType:'slide',//弹出的方式。类似ppt里的图片弹出方式
						//弹出框的样式。居中显示
						style:{
							
						}
					});
				}else {
					//套账名称
					var setname=$("#addAccount_win_text").val();
					//套账备注	addAccount_win_beizhutext
					var setrem=$("#addAccount_win_beizhutext").val();
					var perPmsPot=$('#addAccount_win_bumentext').combobox('getValue')
					
					//审批人addAccount_win_shenpitext
					var perPmsEmp2=$('#addAccount_win_shenpitext').combobox('getValue')
					
					//获取所有表数据
					//项目编号
					var txid="";
					//项目值
					var xiangmu=""
					var rows = $("#addAccount_xiangmutable").datagrid("getSelections"); 
					var j=0;
					var g=0;
					var c=0;
					var z=0;
					var k=0;
					var b=0;
					for(var i=0;i<rows.length;i++){
						txid+=rows[i].PJTID+",";
						xiangmu+=$("#input_"+rows[i]["PJTIDMRZ"]).val()+",";
						if(rows[i]["PJTNAME"]=="基本工资"){
							j=1;
						}
						if(rows[i]["PJTNAME"]=="个人假"){
							g=1;
						}
						if(rows[i]["PJTNAME"]=="迟到"){
							c=1;
						}
						if(rows[i]["PJTNAME"]=="早退"){
							z=1;
						}
						if(rows[i]["PJTNAME"]=="旷工"){
							k=1;
						}
						if(rows[i]["PJTNAME"]=="加班"){
							b=1;
						}
					}
					if(j!=1){
						alert("请选择基本工资项目")
					}else if(g!=1){
						alert("请选择个人假项目")
					}else if(c!=1){
						alert("请选择迟到项目")
					}else if(z!=1){
						alert("请选择早退项目")
					}else if(k!=1){
						alert("请选择旷工项目")
					}else if(b!=1){
						alert("请选择加班项目")
					}else{
						$.ajax({
							type:"post",
							url:'Account_yuangongtables', //数据源地址
							data:{
								setname:setname,
								setrem:setrem,
								perPmsPot:perPmsPot,
								perPmsEmp2:perPmsEmp2,
							
								
							},
							success: function(data){ 
			
								$.ajax({
									type:"post",
									url:'Account_xiangmuzhong', //数据源地址
									data:{
										txid:txid,
										xiangmu:xiangmu	
									},
									success: function(data){ 
										$.ajax({
											type:"post",
											url:'Account_yuangongzhong', //数据源地址
											data:{
												empids:empid
											},
											success: function(data){ 
												acountTable();
												
											}
											
										}) 

									}
									
								}) 
							}
							
						}) 
						
					
						//$('#addAccount_xiangmutable').datagrid('loadData',[]);
						//新增之后刷新表格数据
						$("#addAccount_win").window("close")
					}
					 	
				}
			}else if($("#addAccount_win_xiangmutijiao").text()=="保存"){
				
				var setname=$("#addAccount_win_text").val();
				var setrem=$("#addAccount_win_beizhutext").val();
				var rows=$('#dg').datagrid('getChecked');
				$.ajax({
					type:"post",
					url:'update_set', //数据源地址
					data:{
						setname:setname,
						setrem:setrem,
						setid:rows[0].setid
					},
					success: function(data){  
						acountTable();
					}
					
					
				}) 
			
				$("#addAccount_win").window("close")
			}	
			});
	
		//点击输入框显示人员表格
		$("#addAccount_win_peploetext").click(function(){
			var zhijiid=$('#addAccount_win_bumentext').combobox('getValue')
			
		 	$.ajax({
			type:"post",
			url:'Account_yuangongId', //数据源地址
			data:{"zhijiid":zhijiid},
			success: function(data){ 	
				$("#addyuangong").window("open")
				$('#Account_yuangong').datagrid({    
					url:'Account_yuangong', //数据源地址
				    columns:[[    
				    	{field:'EMPID',width:50,title:'多选',checkbox:true},    
				        {field:'EMPNAME',width:100,title:'员工姓名',align:"center"}  
				    ]]
				});  
				
			}
			
			})
			//员工	
		})

		//员工明细
		$("#Account_mingxiTable").datagrid({
			//url:'Account_mingxiTables', //数据源地址
		    columns:[[    
		        {field:'EMPNAME',width:100,title:'员工姓名',align:"center"},
		        {field:'EMPNAME1',width:100,title:'请假',align:"center"}  
		    ]]
		})
		//点击职位，多行文本框清除
		$("#addAccount_win_bumentext").click(function(){
			$("#addAccount_win_peploetext").val("")
		})
		//点击员工表格中的确定按钮，关闭员工窗口
		$("#yuangong_queding").click(function(){
		    var checkedItems = $('#Account_yuangong').datagrid('getChecked');
	        var names = [];
	        empid="";  
	        $.each(checkedItems, function(index,item){
	            names.push(item.EMPNAME);
	            empid+=item.EMPID+","
	        })       
	        $("#addAccount_win_peploetext").val(names.join(","))
	        $("#addyuangong").window("close");
		})
		//新增套账项目
		$("#xiangmu_jia").click(function(){
			$("#xangmu_jine").val("");
			$("#addxiangmu").val("");
			$("#addxiangmu").show();
			$("#taozhang_boxs").show();
		})
		//点击查询
		$("#selectAccount").click(function(){
			var str=$("#name").val();
			if(str!=""){
				$.ajax({
					type:"post",
					url:'sele_account', //数据源地址
					data:{str:str},
					success: function(data){  
						$('#dg').datagrid({    
					 		url:'sele_accounts', //数据源地
						    columns:[[    
						    	{field:'setid',width:100,title:'账套编号',align:'center',checkbox:true},    
						        {field:'setname',width:100,title:'账套名称',align:'center'},   
						        {field:'zhijiname',width:100,title:'职级',align:'center'},
						        {field:'EMPNAME',width:100,title:'审批人',align:'center'},
						        {field:'EMPNAMES',width:100,title:'创建人',align:'center'},
						        {field:'settime',width:100,title:'创建时间',align:'center',
						        	formatter : function(value){
						        		var d = new Date(value);
						        		var times=d.getFullYear() + '-' + (d.getMonth() + 1) + '-' + d.getDate() + ' ' + d.getHours() + ':' + d.getMinutes() + ':' + d.getSeconds();
						        		return times;
						        	}
						        } , 
						        {field:'setrem',width:100,title:'备注',align:'center'},
						        {field:'SETSTAT',width:100,title:'状态',align:'center',
						        	formatter : function(value){
						        		if(value==0){
						        			return "<span style='color:blue;'>未送审</span>";
						        		}else if(value==1){
						        			return "<span style='color:red;'>送审中</span>";
						        		}else if(value==2){
						        			return "<span style='color:rgb(77,216,123);'>已审核</span>";
						        		}else if(value==-1){
						        			return "<span style='color:gray;'>未启用</span>";
						        		}
						        	}	
						        },
						        {field:'caozuo',width:200,formatter:operate_acount,title:'操作',align:'center'} 
						        
								    
						    ]]
						}); 
						
					}
					
					})
			}else if(str==""){
				$.messager.show({
					title:'信息提示',
					msg: '请输入关键字',
					timeout:1500,  //1秒后消失
					showType:'slide',//弹出的方式。类似ppt里的图片弹出方式
					//弹出框的样式。居中显示
					style:{
						
					}
				});
			}
	
			
		})
		
		//查询所有
		$("#selectAccountAll").click(function(){
			$("#name").val("");
			acountTable();
		})
		
		
		//选择职级更换基本工资
	/* 	$("#addAccount_win_bumentext").change(function(){
			 alert(11)
		}); */
		$("#addAccount_win_bumentext").combobox({
			onChange:function(newValue, oldValue){	
				//传职级id找基本工资
				$.ajax({
					type:"post",
					url:'sele_jibengognzi', //数据源地址
					data:{zhijiid:newValue},
					success: function(data){ 
						var row=$("#addAccount_xiangmutable").datagrid('getRows');
						for(var i=0;i<row.length;i++){
							if(row[i]['PJTNAME']=="基本工资"){
								$("#input_"+row[i]['PJTIDMRZ']).attr("readonly","readonly");
							    $('#addAccount_xiangmutable').datagrid('selectRow',i);
								$("#input_"+row[i]['PJTIDMRZ']).val(data)		
							}
												
						}
					}
					
				})
			}
		})
		
});
//在每个操作列里面添加编辑，查看，明细，删除
	function operate_acount(value,row,index) {
    	if(row['SETSTAT']==0){
    		return "<span  onclick='bianji()'class='spanclass'>查看</span>/\
    	    <span class='spanclass' onclick='songshen_()'>送审</span>/\
    	    <span  onclick='jinyong()'style='color:gray'>禁用</span>";
    	}else if(row['SETSTAT']==-1){
    		return "<span  onclick='qiyong()' style='color:red'>启用</span>";
    	}else{
	    	return "<span  onclick='bianji()'class='spanclass'>查看</span>";
    	}
	} 
	//禁用
	function jinyong(){
		var rows=$('#dg').datagrid('getChecked');
		$.ajax({
			type:"post",
			url:'Account_jinyong', //数据源地址
			data:{"setid":rows[0]["setid"]},
			success: function(datas){  
				acountTable();
			}
			
		})
	}
	//启用
	function qiyong(){
		var rows=$('#dg').datagrid('getChecked');
		$.ajax({
			type:"post",
			url:'Account_qiyong', //数据源地址
			data:{"setid":rows[0]["setid"]},
			success: function(datas){  
				acountTable();
			}
			
		})
	}
//改变状态颜色
//薪资套账审核
function songshen_(){
	var rows=$('#dg').datagrid('getChecked');
	$.ajax({
		type:"post",
		url:'Account_songshen', //数据源地址
		data:{"setid":rows[0]["setid"]},
		success: function(datas){  
			acountTable();
		}
		
	})
}
/* //删除按钮
function xiangmu_delet(){
	 return "<span  onclick='xiangmushanchu()'class='spanclass'>删除</span>";
} */
//返回输入框编辑
function xiangmu_input(value, row, index){
	 return "<input class='input_class' id='input_"+value+"' value='"+value+"'/>";
}
//薪资项目删除
function xiangmushanchu(){
/* 	var rows=$("#addAccount_xian gmutable").datagrid('getChecked');
	$('#addAccount_xiangmutable').datagrid('deleteRow',rows[0]); */
	var row = $('#addAccount_xiangmutable').datagrid('getSelected');
    if (row) {
             var rowIndex = $('#addAccount_xiangmutable').datagrid('getRowIndex', row);
             $('#addAccount_xiangmutable').datagrid('deleteRow', rowIndex);  
     }
}
function bianji(){
	$("#addAccount_win_xiangmutijiao").text("保存")
	$(".addAccount_taozhangtijiao").hide();
	//获取这一行数据,送审人不可更改，创建人不可更改，部门不能更改，备注，名称可更改
	var rows=$('#dg').datagrid('getChecked');
	$.ajax({
		type:"post",
		url:'Account_bianji', //数据源地址 
		data:{"setid":rows[0]["setid"]},
		success: function(datas){  
			$("#addAccount_win_peploetext").val(datas)
			//员工文本框不可编辑
			$("#addAccount_win_peploetext").attr("readonly","readonly");
			$('#addAccount_xiangmutable').datagrid({    
		 		url:'addAccount_xiangmutables', //数据源地址
			    columns:[[    
			    	{field:'PJTID',width:10,title:'项目编号'},    
			    	{field:'PJTNAME',width:10,title:'项目名称'},    
			        {field:'TSXVAL',width:10,title:'项目金额'}
			    ]]
			});
			//获取set编号
			setid=rows[0]["SETID"];
			//给文本框，下拉列表赋值
			$("#addAccount_win_bumentext").combobox({readonly: true}); 
			$("#addAccount_win_shenpitext").combobox({readonly: true}); 
			if(rows[0].SETSTAT==0){
				$("#addAccount_win_text").removeAttr("readonly");
				$("#addAccount_win_beizhutext").removeAttr("readonly");
				$("#addAccount_win_xiangmutijiao").show();
			}else if(rows[0].SETSTAT==1||rows[0].SETSTAT==2){
				$("#addAccount_win_text").attr("readonly","readonly");
				$("#addAccount_win_beizhutext").attr("readonly","readonly");
				$("#addAccount_win_xiangmutijiao").hide();
			}
			
			$("#addAccount_win_text").val(rows[0]["setname"]);
			$("#addAccount_win_bumentext").combobox('setValue', rows[0]["zhijiname"]);
			
			$("#addAccount_win_shenpitext").combobox('setValue', rows[0]["EMPNAME"]);
			$("#addAccount_win_beizhutext").val(rows[0]["setrem"]);
			$("#addAccount_win_chuangjiantext").val(rows[0]["EMPNAMES"]);
		
			
		}
		
		})
	$("#addAccount_win").window("open");
}
</script>
<!--  <div id="account_mingxi" class="easyui-window" title="套账明细" style="width:700px;padding-top:5px;height:600px"
		    	data-options="closed:true,minimizable:false,maximizable:false,collapsible:false,resizable: false,draggable:false,modol:true">
	<table id="Account_mingxiTable" class="easyui-datagrid" style="width:calc(100% - 10px);height:380px" data-options="fitColumns:true">
	</table>
</div> -->
 <div id="addyuangong" class="easyui-window" title="员工表格信息" style="width:190px;padding-top:5px;height:500px"
		    	data-options="modal:true,closed:true,minimizable:false,maximizable:false,collapsible:false,resizable: false,draggable:false ">
	<table id="Account_yuangong" class="easyui-datagrid" style="width:175px;height:380px"">
	</table>
	<button id="yuangong_queding">确定</button>
</div>
 <div id="addAccountxiangmu_win" class="easyui-window" title="添加账套项目" style="width:400px;height:265px"
		    	data-options="modal:true,closed:true,minimizable:false,maximizable:false,collapsible:false,resizable: false,draggable:false">
		  <div id="taozhang_box">
		  	
		  	<span class="fontstyle">套账项目：</span>
		  <%-- 	<select id="taozhang_select">
		  		<c:forEach items="${PerSlyPjt}" var="s">
		  			<option id="${s.pjtid}">${s.pjtname}</option>
		  		</c:forEach> 
		  	</select> --%>
		  	<input id="addxiangmu" type="text">
		  	<input type="text" id="acount_tishi"class="oa_tishi" style="background:none;">
		  </div>
<!-- 		   <div id="taozhang_boxs">
		  	<span class="fontstyle">项目状态：</span>
		  	<select id="xiangmu_zhuangatai">
		  			<option >固定</option>
		  			<option >变动</option>
		  	</select>
		  </div>  -->
		  <div id="taozhang_box1">
		  	<span class="fontstyle">项目金额：</span>
		  	<input type="text" id="xangmu_jine">
		  </div>
		  <hr class="hr">
		  <button id="xiangmu_qurding">确定</button>
 </div> 
 <div id="addAccount_win" class="easyui-window" title="新增账套" style="width:720px;height:640px"
		    	data-options="modal:true,closed:true,minimizable:false,maximizable:false,collapsible:false,resizable: false,draggable:false ">
		<div id="addAccount_win_box" class="addAccount_win_box">
			<a id="addAccount_win_name" class="addAccount_win_name" style="">套账名称：</a>
			<input type="text" id="addAccount_win_text" readonly="readonly" class="addAccount_win_text">
		</div>
		<div id="addAccount_win_box2" class="addAccount_win_box">
			<a id="addAccount_win_bumen" class="addAccount_win_name" style="">套账职务：</a>
			<input id="addAccount_win_bumentext" class="easyui-combobox"
					data-options="valueField:'ZHIJIID',textField:'ZHIJINAME',url:'addAccount_win_bumentext'">
		<%-- 	<select id="addAccount_win_bumentext" class="addAccount_win_text">
					<c:forEach items="${PerPmsZhiji}" var="p">		
							<option id="${p.zhijiid}" value="${p.zhijiname}">${p.zhijiname}</option>
					</c:forEach>
			</select> --%>
			
		</div>
		<div id="addAccount_win_box4" class="addAccount_win_box addAccount_win_box4">
			<a id="addAccount_win_shenpi" class="addAccount_win_name" style="">审批人：    </a>
			<input id="addAccount_win_shenpitext" class="easyui-combobox"
					data-options="valueField:'EMPID',textField:'EMPNAME',url:'addAccount_win_shenpitext'">
		<%-- 	<select id="addAccount_win_shenpitext"  class="addAccount_win_text" style="width:174px">
		  		<c:forEach items="${seleStmpotid}" var="s">
		  			<option id="${s.EMPID }" value="${s.EMPNAME}">${s.EMPNAME}</option>
		  		</c:forEach>
		  	</select> --%>
		</div>
		<div id="addAccount_win_box5" class="addAccount_win_box">
			<a id="addAccount_win_chuangjian" class="addAccount_win_name" style="">创建人：</a>
			<input id="addAccount_win_chuangjiantext"class="addAccount_win_text" type="text"/>
		</div>
				<div id="addAccount_win_box3" class="addAccount_win_box">
			<a id="addAccount_win_peploe" class="addAccount_win_name" style="">套账人员：</a>
			<textarea cols="50" rows="10" id="addAccount_win_peploetext" class="addAccount_win_text" type="text"></textarea>
		</div>
		<div id="addAccount_win_box6" class="addAccount_win_box">
			<a id="addAccount_win_beizhu" class="addAccount_win_name" style="">备注：</a>
			<textarea cols="50" rows="10" id="addAccount_win_beizhutext" class="addAccount_win_text" type="text"></textarea>
			
		</div>
		<div class="addAccount_win_box7">
			<a class="addAccount_xiangmu">薪资项目</a>
			<button class="addAccount_taozhangtijiao">新增</button>
		</div>
		<hr class="hr"/>
		<table id="addAccount_xiangmutable" class="easyui-datagrid" style="width:100%;height:250px;" data-options="fitColumns:true">  
		</table>
		<div class="addAccount_win_box8">
			<button id="addAccount_win_xiangmutijiao" style="margin-right: 15px;">
				<img src="../static/tyl/images/go.png">提交</button>
			<button id="addAccount_win_quxiao">取消</button>
		</div>
<!-- 		<div class="addAccount_win_box8">
			<button id="addAccount_win_xiangmutijiao">
			<img src="../static/tyl/images/go.png"/>提交</button>
			
			<button id="addAccount_win_quxiao">
			<img src="../static/tyl/images/cha.png"/>
			取消</button>
		</div> -->
	</div>
	<div class="head_1">
		<span class="fontstyle">套账名称：</span><input type="text" id="name" class="height_1">   
		<!-- <span class="fontstyle">创建人：</span><input type="text"id="peplo" class="height_1">  
		<span class="fontstyle">创建日期：</span><input type="text"id="dates" class="height_1"> -->
		<button id="selectAccount" >查询</button>
		<button id="selectAccountAll" style="margin-right:15px;">查询所有</button>
		<button id="addAccount">新增</button>
	</div>
	<div class="table_1">
	<table id="dg" class="easyui-datagrid" style="width:100%;height:470px" data-options="fitColumns:true,singleSelect: true">
	</table>
	</div>
</body>
</html>